.mine {
	.mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.3);

	}

	.goLigin {
		position: fixed;
		top: 0;
		left: 0;
		background: #00b26a;
		color: #ffffff;
	}

	.user {
		border-bottom: 1rpx solid #999;
	}

	.phone,
	.nickName,
	.athor {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 30rpx 0;
	}

	.athor {
		image {
			width: 200rpx;
			height: 200rpx;
			border-radius: 100%;
		}
	}

	.editPhone {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100vw;
		height: 50vh;
		background: #ffffff;
		border-top-left-radius: 50rpx;
		border-top-right-radius: 50rpx;
		transform: translateY(100%);
		transition: all .6s;

		.title {
			text-align: center;
			margin: 30rpx 0;
		}

		input {
			border-bottom: 1rpx solid #999;
			margin: 0 30rpx;
		}

		.function {
			margin: 30rpx;
			display: flex;
			justify-content: space-around;
			margin-top: 200rpx;
		}
	}

	.editPhoneing {
		transform: translateY(0%);
	}
}